<template>
  <div id="mine">
    <div class="backgroundTop"></div>
    <div class="main">
      <div class="mainTop">
        <div>我的</div>
        <Setting1Icon @click="goSetting()" />
      </div>
      <div class="mainMy" @click="goMyself()">
        <div class="userBox">
          <img src="./img/1.png" />
          <div class="user">
            <div>一闪一闪亮晶晶</div>
            <span>ID: 209901071124</span>
          </div>
        </div>
        <ChevronRightIcon class="userJianT" />
      </div>
      <div class="threeBox">
        <div class="minibox" @click="goShoucang()">
          <h2>5</h2>
          <div>我的收藏</div>
        </div>
        <div class="minibox">
          <h2>10</h2>
          <div>看房记录</div>
        </div>
        <div class="minibox">
          <h2>10</h2>
          <div>历史记录</div>
        </div>
      </div>
      <div class="sixbox">
        <li @click="goMyhouse()">
          <div><City1Icon class="sixIco" />我的房源</div>
          <div>
            <span>有2条预约申请</span><ChevronRightIcon class="setJianT" />
          </div>
        </li>
        <li>
          <div><WorkIcon class="sixIco" />设置通勤地</div>
          <div><ChevronRightIcon class="setJianT" /></div>
        </li>
        <li>
          <div><TaskChecked1Icon class="sixIco" />实名认证</div>
          <div><ChevronRightIcon class="setJianT" /></div>
        </li>
        <li @click="goNomessage()">
          <div><ChatOffIcon class="sixIco" />免打扰设置</div>
          <div><ChevronRightIcon class="setJianT" /></div>
        </li>
        <li @click="goai()">
          <div><ServiceIcon class="sixIco" />联系客服</div>
          <div><ChevronRightIcon class="setJianT" /></div>
        </li>
        <li>
          <div><Edit2Icon class="sixIco" />意见反馈</div>
          <div><ChevronRightIcon class="setJianT" /></div>
        </li>
      </div>
    </div>
  </div>
</template>
  
<script setup lang="ts">
import { useRouter } from "vue-router";
import "./index.css";
import {
  Setting1Icon,
  ChevronRightIcon,
  City1Icon,
  ChatOffIcon,
  WorkIcon,
  Edit2Icon,
  TaskChecked1Icon,
  ServiceIcon,
} from "tdesign-icons-vue-next";
let router = useRouter();
let goNomessage = () => {
  router.push("/taber/nomessage");
};
let goSetting = () => {
  router.push("/setting");
};
let goMyself = () => {
  router.push("/myself");
};
let goShoucang = () => {
  router.push("/taber/shoucang");
};
let goMyhouse = () => {
  router.push("/taber/myhouse");
};
let goai = () => {
  router.push("/ai");
};
</script>
  
<style>
</style>